<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<#include "Meta.ftl">
<script type="text/javascript" language="javascript" src="/disposal2020/disposal2020.nocache.js"></script>
</head>

<body>
<#include "Header.ftl">
<div style="display:none;" id="mapId">${mapId}</div>
<div style="display:none;" id="userEmail">${userEmail}</div>
<div id="content">
<div>Your score: <span id="spnYourScore"></span></div>
<div style="float:right;">Opponent (${opEmail}) score: <span id="spnOpScore"></span></div>
<div style="text-align:center;font-size:150%;">Turn #<span id="spnTurn"></span> of 10</div>
<div><p>Hints:
<ul>
<li>Drag robots to move, white robots are yours.</li>
<li>Garbage heaps near a robot's destination are automatically collected.</li>
<li>A robot can move no more than 200 meters once each turn.</li>
<li>A turn ends when all robots are moved.</li>
<li>Zoom in for more accurate garbage locations.</li>
</ul></p></div>
<div id="gameMap"></div>
</div>
</body>
</html>